import store from "./store";

function App() {
  // 初次获取仓库里面的数据
  const storeData = store.getState();
  // 修改名字
  const changeName = () => {
    // 修改仓库里面的数据
    store.dispatch({ type: "changeName", name: "李四" });
    // 仓库里面数据发生变化后，需要重新获取仓库数据
    const storeData = store.getState();
    console.log(storeData);
  };
  return (
    <>
      <h1>仓库里面的数据</h1>
      <div>
        name:{storeData.name} -- {storeData.age}
      </div>
      <button onClick={changeName}>点我修改名字</button>
    </>
  );
}

export default App;
